<script setup lang="ts"></script>

<template>
  <t-row class="header">
    <div>
      <h1>授权认证原理图解</h1>
      <p>快速掌握授权系统的授权认证核心原理、贴心保护您的应用安全</p>
    </div>
  </t-row>
  <t-row class="content">
    <img src="@/assets/images/author/principle.png" alt="" />
  </t-row>
</template>

<style scoped lang="sass">
.header
  display: flex
  justify-content: center
  align-content: center
  padding: 30px 0
  background-color: #f5f5f5
  div
    text-align: center
  p
    font-size: 13px
.content
  img
    width: 100%
    height: 100%
</style>
